<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
					*{
						margin:0px;
					}
					img{
						vertical-align: bottom;
					}
					.fl{
						float: left;
					}
					.fr{
						float: right;
					}
					.bd{
						border: 1px solid blue;//测试样式
					}
					.w{
						width: 1080px;
						margin: 0 auto;
					}
					.header{
						border: 1px solid red;
						/* margin: 0 auto;
						width: 1080px; */
					}
					.ad1{
						/* border: 1px solid red;
						margin: 0 auto;
						width: 1080px; */
						padding: 15px 0px 15px 0px;
						
					}
					.ad2{
						
					}
					/* 以下是banner区 */
					.banner{
						height: 600px;
						padding-top: 15px;
					}
					.banner_ad{
						padding-top: 15px;;
					}
					.banner_ad div:nth-child(2){
						padding: 0 15px;
					}
					.main{
						
					}
					.title{
						border-bottom: 2px solid #f5f4f0;
						padding-top: 35px;
					}
					.title h3{
						font-family: "黑体";
						font-size: 24px;
						line-height: 42px;
					}
					.brand{
						padding-top: 15px;
						height: 460px;
						padding-bottom: 45px;
					}
					.brand .fl{
						/* width: 259px; */
						padding-right: 15px;
					}
					.brand .fl:nth-child(4){
						padding-right: 0;
					}
					.style{
						padding-top: 15px;
						height: 612px;
						padding-bottom: 41px;
					}
					.style_l{
						width: 375px;
						border-right: 5px;
					}
					.style_l div:nth-child(2)
					{
						padding-top: 15px;
					}
					.style_r{
						width:700px;
					}
					.style_r .fl{
						padding: 0px 0px 15px 15px;
					}
					/* .style_r .fl:nth-child(3n){
						padding-right: 0;
					} */
					.eva{
						
					}
					.user{
						padding-top: 40px;
					}
					.user p3{
						font-family: "黑体";
						color:#ff2c52;
						font-size: 20px;
						line-height: 17px;
					}
					.wed{
						border-bottom: 2px solid #f6f5f3;
						padding-top: 28px;
					}
					.wed p1{
						font-family: "黑体";
						font-size: 24px;
						line-height: 27px;
					}
					.users{
						padding-top: 24px;
						padding-bottom: 17px;
					}
					.users p4{
						font-family: "黑体";
						color:#ff2c52;
						font-size: 16px;
						line-height: 17px;
					}
					.picture{
						padding-top: 17px;
						height: 83px;
						padding-right: 0px;
						padding-bottom: 30px;
					}
					.picture .fl:nth-child(2){
						padding-right: 40px;
					}
					.picture .fl:nth-child(4){
						padding-right: 40px;
					}
					.bot{
						padding-top: 16px;
						height: 466px;
					}
					.sun{
						height: 156px;
						width: 341px;
					}
					.sun div:nth-child(1){
						padding-bottom: 16px;
						padding-right: 21px;
					}
					.sun div:nth-child(2){
						padding-bottom: 16px;
					}
					.sun .fl:nth-child(4){
						padding-left: 21px;
					}
					.bot_r{
						width: 723px;
					}
					.bot_r .fl{
						padding: 0px 0px 15px 15px;
					}
					
				</style>
			</head>
<body>
		<div class="w header"><img src="img/head_02.gif" alt=""></div>
		<div class="w ad1"><img src="img/head_05.gif" alt=""></div>
		<div class="w ad2"><img src="img/head_07.gif" alt=""></div>
		<!-- 以下是banner区 -->
		<div class="w banner">
			<div class="fl banner_l">
				<div><img src="img/banner_03.gif" alt=""></div>
				<div class="banner_ad">
						<div class="fl"><img src="img/banner_08.gif" alt=""></div>
						<div class="fl"><img src="img/banner_10.gif" alt=""></div>
						<div class="fl"><img src="img/banner_12.gif" alt=""></div>
				</div>
			</div>
			<div class="fr banner_r">
				<div><img src="img/banner_05.gif" alt=""></div>
		</div>
		</div>
		<!-- 以下是main区 -->
		<div class=" w main">
			<div class="title">
				<h3>品牌</h3>
			</div>
			<div class="brand">
				<div class="fl"><img src="img/main-_03.gif" alt=""></div>
				<div class="fl"><img src="img/main-_05.gif" alt=""></div>
				<div class="fl"><img src="img/main-_07.gif" alt=""></div>
				<div class="fl"><img src="img/main-_09.gif" alt=""></div>
			</div> 
			<div class="title">
				<h3>风格</h3>
			</div>
			<div class="style">
				<div class="fl style_l">
					<div><img src="img/bot_03.gif" alt=""></div>
					<div><img src="img/bot_18.gif" alt=""></div>
				</div>
				<div class="fl style_r">
					<div class="fl"><img src="img/bot_05.gif" alt=""></div>
					<div class="fl"><img src="img/bot_07.gif" alt=""></div>
					<div class="fl"><img src="img/bot_09.gif" alt=""></div>
					<div class="fl"><img src="img/bot_14.gif" alt=""></div>
					<div class="fl"><img src="img/bot_15.gif" alt=""></div>
					<div class="fl"><img src="img/bot_16.gif" alt=""></div>
					<div class="fl"><img src="img/bot_22.gif" alt=""></div>
					<div class="fl"><img src="img/bot_23.gif" alt=""></div>
					<div class="fl"><img src="img/bot_24.gif" alt=""></div>
				</div>
			</div>
		</div>
		<!-- 以下是evaluate区 -->
		<div class="w eva">
			<div class="user">
				<p3>用户晒单</p3>
			</div>
			<div class="fl picture">
				<div class="fl"><img src="img/eva_03.gif" alt=""></div>
				<div class="fl"><img src="img/eva_04.gif" alt=""></div>
				<div class="fl"><img src="img/eva_06.gif" alt=""></div>
				<div class="fl"><img src="img/eva_07.gif" alt=""></div>
				<div class="fl"><img src="img/eva_09.gif" alt=""></div>
				<div class="fl"><img src="img/eva_10.gif" alt=""></div>
			</div>
			<div class="wed">
				<p1>婚庆</p1>
			</div>
			<div class="bot">
				<div class="fl bot_l">
					<div><img src="img/sun_03.gif" alt=""></div>
					<div class="users">
							<p4>用户晒单</p4>
					</div>
					<div class="fl sun">
					<div class="fl"><img src="img/sun_06.gif" alt=""></div>
					<div class="fl"><img src="img/sun_08.gif" alt=""></div>
					<div class="fl"><img src="img/sun_11.gif" alt=""></div>
					<div class="fl"><img src="img/sun_12.gif" alt=""></div>
				</div>
				</div>
				<div class="fl bot_r">
					<div class="fl"><img src="img/bat_05.gif" alt=""></div>
					<div class="fl"><img src="img/bat_07.gif" alt=""></div>
					<div class="fl"><img src="img/bat_09.gif" alt=""></div>
					<div class="fl"><img src="img/bat_16.gif" alt=""></div>
					<div class="fl"><img src="img/bat_17.gif" alt=""></div>
					<div class="fl"><img src="img/bat_18.gif" alt=""></div>
				</div>
			</div>
			<div><img src="img/zi_19.gif" alt=""></div>
		</div>
	</body>
</html>
